
<div class="flex flex-col gap-4">
  <h1 class="font-sans antialiased font-bold text-4xl md:text-5xl lg:text-6xl text-current">Material Tailwind (H1)</h1>
  <div class="font-sans antialiased font-bold text-3xl md:text-4xl lg:text-5xl text-current">Material Tailwind (H2)</div>
  <div class="font-sans antialiased font-bold text-2xl md:text-3xl lg:text-4xl text-current">Material Tailwind (H3)</div>
  <h4 class="font-sans antialiased font-bold text-xl md:text-2xl lg:text-3xl text-current">Material Tailwind (H4)</h4>
  <h5 class="font-sans antialiased font-bold text-lg md:text-xl lg:text-2xl text-current">Material Tailwind (H5)</h5>
  <h6 class="font-sans antialiased font-bold text-base md:text-lg lg:text-xl text-current">Material Tailwind (H6)</h6>
</div>
